/*
  路由器模块相关
 */

import Vue from 'vue'
import VueRouter from 'vue-router'
import About from '../components/about'
import Home from '../components/home'
import News from '../components/news'
import Message from '../components/message'
import MessageDetail from '../components/messageDetail'

//使用组件
Vue.use(VueRouter);

//注册路由，暴露路由接口
export default new VueRouter({
  //路由配置
  routes: [
    {
      //设置路由路径、跳转的位置
      path: "/about",
      component: About
    },
    {
      path: "/home",
      component: Home,
      //在Home下嵌套路由
      children: [
        {
          //此路径表示从根路径开始，而这里的嵌套路由需要以/home开始，所以不适用了
          // path: "/",
          //嵌套路由路径方式一：
          path: "/home/news",
          component: News
        },
        {
          //嵌套路由路径方式二：
          path: 'message',
          component: Message,
          children: [
            {
              //参数传递方式一：“：”表示param方式的参数占位符；
              // path: "messageDetail/:id",
              //参数传递方式二：query方式传递参数
              path:"messageDetail",
              component: MessageDetail
            }
          ]
        },
        //嵌套路由的默认重定向路径
        {
          path: "",
          //方式一：全路径
          // redirect: '/home/news'
          //方式二：去掉“/”，直接会默认取/home/news
          redirect: "news"
        }
      ]
    },
    //设置根路径的重定向路由
    {
      path: "/",
      redirect: "/about"
    }
  ]
})
